window.addEventListener('load', function () {
    var lis = this.document.querySelectorAll('.tags-box1');
    var item = this.document.querySelectorAll('.game_news_list');
    for (var i = 0; i < lis.length; i++) {
        // 开始给5个小li 设置索引号 
        lis[i].setAttribute('index', i);
        lis[i].onclick = function () {
            // 1. 上的模块选项卡，点击某一个，当前这一个底色会是红色，其余不变（排他思想） 修改类名的方式

            // 干掉所有人 其余的li清除 class 这个类
            for (var i = 0; i < lis.length; i++) {
                lis[i].className = 'tags-box1 fl';
            }
            // 留下我自己 
            this.className = 'tags-box1 fl active';
            // 2. 下面的显示内容模块
            var index = this.getAttribute('index');
            console.log(index);
            // 干掉所有人 让其余的item 这些div 隐藏
            for (var i = 0; i < item.length; i++) {
                item[i].style.display = 'none';
            }
            // 留下我自己 让对应的item 显示出来
            item[index].style.display = 'block';
        }
    }
    //底部分页
})